<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("button").click(function(e){
		//var witch = $(this).attr(class);
		switch($(this).attr('class')){
		case "setbgColor":
			$("p").css("background-color","#CCC");
		break;
		case "setColors":
			$("p").css({"background-color":"#CCC", "color":"red"});
		break;
		case "getbgColor":
			alert($("p").css("background-color"));
		break;
		case "setxy":
			$("p").height("200px");
			$("p").width("200px");
		break;
		case "getxy":
			alert($("p").height());
			alert($("p").width());
		break;
		}
	});
});
</script>
<style type="text/css">
.testJqueryCss {
	background-color: blue;
	color: #FFF;
}
</style>
</head>

<body>
	<p class="testJqueryCss">测试使用jQuery的CSS操作</p>
	<button class="setbgColor">设置背景颜色</button>
	<button class="setColors">设置背景颜色和字体颜色</button>
	<button class="getbgColor">获得背景颜色</button>
	<button class="setxy">设置宽度和高度</button>
	<button class="getxy">获得高度和宽度</button>
</body>
</html>